<template>
  <div class="storeInfo">
    <!-- 商家信息 -->
    <div class="oneCell pd">
      <div class="cf tit">
        <div class="fl">商家信息</div>
        <div class="fr">
          <a href="#/changeStoreInfo/1" class="el-button el-button--primary">变更</a>
        </div>
      </div>
      <div class="el-table el-table--fit el-table--enable-row-hover el-table--enable-row-transition" style="width: 100%;">
        <div class="el-table__header-wrapper">
          <table cellspacing="0" cellpadding="0" border="0" class="el-table__header" style="width: 100%;">
            <thead>
              <tr>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">公司名称</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">法人</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">注册资金</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">注册地址</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">税务登记号</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">商家官网地址</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">通讯地址</div></th>
              </tr>
            </thead>
          </table>
        </div>
        <div class="el-table__body-wrapper">
          <table cellspacing="0" cellpadding="0" border="0" class="el-table__body" style="width: 100%;">
            <tbody>
              <tr class="el-table__row">
                <td><div class="cell">2016-05-02</div></td>
                <td><div class="cell">王小虎</div></td>
                <td><div class="cell">上海市普陀区金沙江路 1518 弄</div></td>
                <td><div class="cell">上海市普陀区金沙江路 1518 弄</div></td>
                <td><div class="cell">上海市普陀区金沙江路 1518 弄</div></td>
                <td><div class="cell">上海市普陀区金沙江路 1518 弄</div></td>
                <td><div class="cell">上海市普陀区金沙江路 1518 弄</div></td>
              </tr>
              <tr class="el-table__row">
                <td colspan="7">
                  <div class="cf cell">
                    <div class="fl">备注：</div>
                    <div class="fr"><el-button type="primary">编辑备注</el-button></div>
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
    <!-- 商家联系人 -->
    <div class="oneCell pd">
      <div class="cf tit">
        <div class="fl">商家联系人</div>
      </div>
      <div class="el-table el-table--fit el-table--enable-row-hover el-table--enable-row-transition" style="width: 100%;">
        <div class="el-table__header-wrapper">
          <table cellspacing="0" cellpadding="0" border="0" class="el-table__header" style="width: 100%;">
            <thead>
              <tr>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">联系人姓名</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">职位</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">联系人手机</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">邮箱</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">传真</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">添加时间</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">操作</div></th>
              </tr>
            </thead>
          </table>
        </div>
        <div class="el-table__body-wrapper">
          <table cellspacing="0" cellpadding="0" border="0" class="el-table__body" style="width: 100%;">
            <tbody>
              <tr class="el-table__row">
                <td><div class="cell">2016-05-02</div></td>
                <td><div class="cell">王小虎</div></td>
                <td><div class="cell">上海市普陀区金沙江路 1518 弄</div></td>
                <td><div class="cell">上海市普陀区金沙江路 1518 弄</div></td>
                <td><div class="cell">上海市普陀区金沙江路 1518 弄</div></td>
                <td><div class="cell">上海市普陀区金沙江路 1518 弄</div></td>
                <td><div class="cell"><a href="#/editStoreContact/1" class="el-button el-button--primary">编辑</a></div></td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
    <!-- 店铺管理 -->
    <div class="oneCell pd">
      <div class="cf tit">
        <div class="fl">店铺管理</div>
      </div>
      <div class="el-table el-table--fit el-table--enable-row-hover el-table--enable-row-transition" style="width: 100%;">
        <div class="el-table__header-wrapper">
          <table cellspacing="0" cellpadding="0" border="0" class="el-table__header" style="width: 100%;">
            <thead>
              <tr>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">店铺名称</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">店铺类型</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">销售渠道</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">品牌</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">店铺客服电话</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">商家名称</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">品类</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">是否自营</div></th>
              </tr>
            </thead>
          </table>
        </div>
        <div class="el-table__body-wrapper">
          <table cellspacing="0" cellpadding="0" border="0" class="el-table__body" style="width: 100%;">
            <tbody>
              <tr class="el-table__row">
                <td><div class="cell"><a href="">克莱利亚尼</a></div></td>
                <td><div class="cell">奢品</div></td>
                <td><div class="cell">线上&线下</div></td>
                <td><div class="cell">克莱利亚尼 宾利</div></td>
                <td><div class="cell">0105555</div></td>
                <td><div class="cell">克莱利亚尼有限公司</div></td>
                <td><div class="cell">服装-男装</div></td>
                <td><div class="cell">非自营</div></td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
    <!-- 合同信息 -->
    <div class="oneCell pd">
      <div class="cf tit">
        <div class="fl">合同信息</div>
      </div>
      <div class="el-table el-table--fit el-table--enable-row-hover el-table--enable-row-transition" style="width: 100%;">
        <div class="el-table__header-wrapper">
          <table cellspacing="0" cellpadding="0" border="0" class="el-table__header" style="width: 100%;">
            <thead>
              <tr>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">店铺</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">合同名称</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">合同编号</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">管理类型</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">管理费</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">返利方式</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">返佣份额</div></th>
                <th colspan="1" rowspan="1" class="is-leaf"><div class="cell">创建人</div></th>
              </tr>
            </thead>
          </table>
        </div>
        <div class="el-table__body-wrapper">
          <table cellspacing="0" cellpadding="0" border="0" class="el-table__body" style="width: 100%;">
            <tbody>
              <tr class="el-table__row">
                <td><div class="cell"><a href="">美妆</a></div></td>
                <td><div class="cell">耀莱合同1</div></td>
                <td><div class="cell">HG12443</div></td>
                <td><div class="cell">按比例</div></td>
                <td><div class="cell">10%</div></td>
                <td><div class="cell">按比例</div></td>
                <td><div class="cell">10%</div></td>
                <td><div class="cell">张三</div></td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'storeInfo',
    components: {
    },
    data () {
      return {
      }
    }
  }
</script>

<style lang="less" rel="stylesheet/less" scoped>
  .oneCell .tit{
    height: 44px;
  }
</style>
